

<template>
  <div class="container" id="container"></div>
</template>

<script  lang="ts" setup>
import {onMounted, reactive } from 'vue';
import * as THREE from 'three';
console.log(THREE)
const state = reactive({
  scene:null,
  camera:null,
  renderer:null,
  controls:null;
})

const render = () =>{
  //创建场景

}

onMounted(()=>{

})
</script>


<style scoped>
.container{
  width:100vw;
  height: 100vh;
  background-color: red;
}
</style>
